<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登陆界面</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" th:href="@{/home/css/bootstrap.css}">
</head>
<body>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">登陆界面</div>
        <div class="panel-body">
            <form role="form" name="form" th:action="@{/mobilLogin}" method="post">
                <p th:if="${param.logout}">已注销</p><!--如果查询参数error存在，则尝试进行身份验证并失败-->
                <p th:if="${param.error}">有错误，请重试</p><!--如果查询参数logout存在，则表示用户已成功注销-->
                <div class="form-group">
                    <label for="mobile">手机号:</label>
                    <input id="mobile" name="mobile" type="text" class="form-control" placeholder="请输入手机号" value="13013233987"/>
                </div>
                <div class="form-group">
                    <label for="smsCode">短信验证码:</label>
                    <input id="smsCode" name="smsCode" type="text" class="form-control" placeholder="请输入验证码"/>
                    <a th:href="@{/code/sms(mobile=13013233987)}">发送验证码</a>
                </div>
                <input id="login" type="submit" class="btn btn-block btn-primary" value="登录系统"/>
            </form>
        </div>
        <div class="panel-footer">商城</div>
    </div>
</div>
<script th:src="@{/home/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/home/js/bootstrap.min.js}"></script>
</body>
</html>